a{text-decoration: none;color: #fff;}
a:hover{text-decoration: none; color: #000}
*{font-family: Arial;}
.invisible{display: none; clear: both;}
.clear {clear: both;;}
p{font-size: 16px; color: #494949;}

/**** Telo ****/
body { height: 500px; width: 1920px; background: url(img/hover.png) center top no-repeat; width: 100%;}
body > div{margin: auto; width: 990px;}
#top {position: relative; top: 0px; left: 0px; height: 67px; background: url(img/top.png) 0 0 repeat-x;}
#topwrap {font-size: 18px; font-weight: bold; padding-top: 12px; margin-left: 75px;}
#topwrap p ,img, h1 {float: left; text-align: center;}
#topwrap p:last-child ,img, h1 {float: left; margin-top: 9px; margin-left:10px; text-align: center; font-size: 14px;}
#topwrap img {margin-left: 45px;}
#topwrap a h1 {position: relative; text-indent: -50000px; background: url(img/logo.png) 0 0 no-repeat; display: block; height: 183px; width: 325px; top: -12px; left: 22px; }

#middle {background: #fff; position: relative; top: 150px; border: 5px solid rgba(255,255,254,0.3);-webkit-background-clip: padding-box; background-clip: padding-box; padding: 30px;}
#middle h2 {font-size: 30px; color: #8c3838; font-weight: bold;}
#middle ol { position: relative; top: 15px; left: 35px;}
#middle ol li {line-height: 20px;}
#middle h3 {display: block; line-height: 46px; width: 314px; background: #494949; font-size: 18px; color: white; text-align: center; position: relative; top: 50px; margin: auto; left :-40px;  }
#middle a img {display: block; height: 100px; width: 83px; position: relative; left: 260px; top: -40px;}
#notes { position: relative; top: 60px; left: -80px; clear: both;}
#notes a {color: #8c3838;}

#bottom { height: 140px; position: relative; background: #8c3838; top: 170px; width: 990px;}
#bottom img[alt="druzstvo"] {position: relative; left: 245px; top: 20px; float: left;}
#bottom span {text-align: center; position: relative; top: 55px; color: white; left: -110px;} 
#bottom ul {position: relative; top: 60px; left: 200px; float: left;}
#bottom ul li {color: white; float: left; margin-left: 20px;}
#bottom ul li img {position: relative; top: -6px; left: 10px;}
#copyright {height: 47px; width: 990px;  background: #494949; position: relative; top: 65px; margin-bottom: 20px;}
#copyright p {color: white; left: 390px; position: relative; padding-top: 15px;}
#copyright img {position: relative; left: 461px; top: -20px;}